import React from "react";
import ReactDOM from "react-dom/client";
import PropTypes from "prop-types";

class App extends React.Component {
  // 不写 static , propTypes 在当前类的实例身上
  // 写 static, propTypes 在当前类的身上
  // 这种写法是 class 类独有的，所以 函数式组件 不能这样玩
  static propTypes = {
    hello: PropTypes.func,
  };

  static defaultProps = {
    message: "大家好",
  };

  render() {
    console.log(this.props);
    return (
      <div>
        <h1>App</h1>
      </div>
    );
  }
}

// App.propTypes = {
//   hello: PropTypes.func,
// };

// App.defaultProps = {
//   message: "大家好",
// };

const root = ReactDOM.createRoot(document.querySelector("#root"));
root.render(
  <App
    hello={() => {
      console.log("hello");
    }}
  />
);
